@import '../../../assets/styles/mixin.styl'
page
  background-color: $color-bg

.city-list
  height: 100vh
.group-box
  box-sizing: border-box
  width: 100%
  padding: 0 30px
  .group
    margin-bottom: 20px
    > .title
      sc(30px, #333)
      padding: 20px 0
    .city-wrapper
      width: 100%
      overflow hidden
      .city-box
        width: 750px
        margin-bottom: -20px
      .city
        display: inline-block
        wh(216px, 60px)
        sc(26px, #666)
        line-height: 36px
        background-color: #fff
        text-align: center
        line-height: 60px
        margin-right 20px
        margin-bottom: 20px
        &.city-hover
          background-color: #ededed
.load-before
  height: 100vh
  overflow hidden
  padding: 30px 0
  view
    width: 90%
    height 50px
    margin: 0 auto 20px
    background-color: #ededed